<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/util.css" />
<link rel="stylesheet" href="css/login.css" />
<title>医院登录</title>
<style>
	#captcha {
		width: 300px;
		display: inline-block;
	}
	#wait {
		text-align: left;
		color: #666;
		margin: 0;
	}
</style>
</head>
<body>
<div class="content login">
	<div class="login_top">
		<img src="img/login/logo.png" />
		<p>欢迎使用e诺平台管理系统</p>
	</div>
	<div class="login_form">
		<form>
			<div class="clearfix">
				<label for=""><span>用户名</span>:</label>
				<input type="text" id="username" placeholder="请输入用户名" class=""/>
			</div>
			<div class="clearfix">
				<label for=""><span>密　码</span>:</label>
				<input type="password" id="password" placeholder="请输入密码" class=""/>
			</div>
			<div style="height: 30px;margin-top: 0;" class="clearfix remember_pwd">
				<p class="" style="text-align: right;">忘记密码 ？</p>
				<p class="">
					<img src="img/login/select.png" style="height: 12px;position: relative;top: 2px;"/>
					<span style="width: 70px;height: 20px;">&nbsp;&nbsp;记住密码</span>
				</p>
			</div>
			<div  class="clearfix" style="">
				<input type="button"  id="btn" class="btn" value="登录" class="" style="background-color: #00afa1;color: white;letter-spacing: 2px;text-indent: 0;"/>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript" src="plug/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="http://static.geetest.com/static/tools/gt.js" ></script>
<script type="text/javascript" src="js/toggle.js" ></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/method.js"></script>
<!--疾病列表-->

<script>
var handler = function (captchaObj) {
    captchaObj.onReady(function () {
        $("#wait").hide();
    }).onSuccess(function () {
        var result = captchaObj.getValidate();
        if (!result) {
            return alert('请完成验证');
        }
        $.ajax({
            url: url+'/hospital/login/submit',
            type: 'POST',
            dataType: 'json',
            data: {
                username: $('#username').val(),
                password: $('#password').val(),
                geetest_challenge: result.geetest_challenge,
                geetest_validate: result.geetest_validate,
                geetest_seccode: result.geetest_seccode
            },
            success: function (data) {
            	console.log(data);
                if (data.success == true) {
                    setTimeout(function () {
                        window.location.href = "hos_msg_complete.html";
                    }, 1500);
                } else if (data.success == false) {
                    setTimeout(function () {
                        alert(data.data);
                        captchaObj.reset();
                    }, 1500);
                }
            }
        });
    });
    $('#btn').click(function () {
        // 调用之前先通过前端表单校验

        captchaObj.verify();
    });
    // 更多接口说明请参见：http://docs.geetest.com/install/client/web-front/
};

$(function(){
	$.ajax({
	    url: url+"/common/geetestPreProcess?t=" + (new Date()).getTime(), // 加随机数防止缓存
	    type: "get",
	    dataType: "json",
	    success: function (data) {
			console.log(data);
	        // 调用 initGeetest 进行初始化
	        // 参数1：配置参数
	        // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它调用相应的接口
	        initGeetest({
	            // 以下 4 个配置参数为必须，不能缺少
	            gt: data.gt,
	            challenge: data.challenge,
	            offline: !data.success, // 表示用户后台检测极验服务器是否宕机
	            new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机
	
	            product: "bind", // 产品形式，包括：float，popup
	            width: "300px"
	            // 更多配置参数说明请参见：http://docs.geetest.com/install/client/web-front/
	        }, handler);
	    }
	});
});

</script>
</body>
</html>
